<template>
  <div>
    <headers :headers="headers"></headers>
    <div class="section bgf2">
      <div class="visitor-num p12 mb20">
        <p>今日访客总数</p>
        <p class="num">999.99人</p>
      </div>
      <div class="clearfix visitor-t">
        <span class="left">当月访客列表</span>
        <span class="right">全部</span>
      </div>
      <ul>
        <li class="visitor-item">
          <img src="@/assets/images/head.jpg" class="head">
          <div class="cont">
            <p class="name">张帅</p>
            <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
            <p class="time clamp1">2019-04-21  08:02</p>
          </div>
          <div class="ago">5分钟</div>
          <div class="btn btn-bg-blue btn-h26">联系TA</div>
        </li>
        <li class="visitor-item">
          <img src="@/assets/images/head.jpg" class="head">
          <div class="cont">
            <p class="name">张帅</p>
            <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
            <p class="time clamp1">2019-04-21  08:02</p>
          </div>
          <div class="ago">5分钟</div>
          <div class="btn btn-bg-blue btn-h26">联系TA</div>
        </li>
        <li class="visitor-item">
          <img src="@/assets/images/head.jpg" class="head">
          <div class="cont">
            <p class="name">张帅</p>
            <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
            <p class="time clamp1">2019-04-21  08:02</p>
          </div>
          <div class="ago">5分钟</div>
          <div class="btn btn-bg-blue btn-h26">联系TA</div>
        </li>
        <li class="visitor-item">
          <img src="@/assets/images/head.jpg" class="head">
          <div class="cont">
            <p class="name">张帅</p>
            <p class="desc clamp1 color-blue">如何拥有一双属于自己...</p>
            <p class="time clamp1">2019-04-21  08:02</p>
          </div>
          <div class="ago">5分钟</div>
          <div class="btn btn-bg-blue btn-h26">联系TA</div>
        </li>
      </ul>
      <div class="visitor-b">未完善名片：<span class="color-blue">199</span>人</div>
    </div>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'VisitorNum',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-close.png'),
        title: '来客访问'
      }
    }
  },
  components: {
    Headers
  }
}
</script>
